<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2542375_dvwejp383bq.css">
    <link rel="stylesheet" href="index.css">
    <title>JS侧边导航栏</title>
</head>  
<body>
    <div class="shell">
        <a href="" class="box"><i class="iconfont icon-bars"></i><span>首页</span></a>
        <a href="" class="box"><i class="iconfont icon-contactus"></i><span>内容</span></a>
        <a href="" class="box"><i class="iconfont icon-times"></i><span>时间</span></a>
        <a href="" class="box"><i class="iconfont icon-about"></i><span>关于</span></a>
        <a href="" class="box"><i class="iconfont icon-home"></i><span>主页</span></a>
        <a href="" class="box"><i class="iconfont icon-bars"></i><span>内容</span></a>
        <a href="" class="box"><i class="iconfont icon-contactus"></i><span>联系我们</span></a>
        <a href="" class="box"><i class="iconfont icon-contactus"></i><span>搜索框</span></a>
    </div>
    <div class="shell">
        <a href="" class="box"><i class="iconfont icon-bars"></i><span>首页</span></a>
        <a href="" class="box"><i class="iconfont icon-contactus"></i><span>内容</span></a>
        <a href="" class="box"><i class="iconfont icon-times"></i><span>时间</span></a>
        <a href="" class="box"><i class="iconfont icon-about"></i><span>关于</span></a>
        <a href="" class="box"><i class="iconfont icon-home"></i><span>主页</span></a>
        <a href="" class="box"><i class="iconfont icon-bars"></i><span>内容</span></a>
        <a href="" class="box"><i class="iconfont icon-contactus"></i><span>联系我们</span></a>
        <a href="" class="box"><i class="iconfont icon-search"></i><span>搜索框</span></a>
    </div>
    <div class="shell">
        <a href="" class="box"><i class="iconfont icon-bars"></i><span>首页</span></a>
        <a href="" class="box"><i class="iconfont icon-contactus"></i><span>内容</span></a>
        <a href="" class="box"><i class="iconfont icon-times"></i><span>时间</span></a>
        <a href="" class="box"><i class="iconfont icon-about"></i><span>关于</span></a>
        <a href="" class="box"><i class="iconfont icon-home"></i><span>主页</span></a>
        <a href="" class="box"><i class="iconfont icon-bars"></i><span>内容</span></a>
        <a href="" class="box"><i class="iconfont icon-contactus"></i><span>联系我们</span></a>
        <a href="" class="box"><i class="iconfont icon-search"></i><span>搜索框</span></a>
    </div>
<script src="index.js"></script>
</body>
</html>